<div class="header">Main Layout</div>

<div class="config-content">    
    <div class="config_tool">
        <h3>Main background color</h3>
        <div class="block-content">
            <div class="va-content">
        	   <?php echo $app->displayStyleConfig ('Background color', 'mainlayout/bgcolor', 'color', 'background-color'); ?>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Content background color</h3>
        <div class="block-content">
            <div class="va-content">
                <?php echo $app->displayStyleConfig ('Background color', 'mainlayout/page_bgcolor', 'color', 'background-color'); ?>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Columns: Home page</h3>
        <div class="block-content">
            <div class="va-content">
                <div class="selection">
                    <div class="select-design layout">
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->homepage->type == 'column_1_C')    ? ' active' : ''; ?> column_1_C"    id="view-design-mainlayout-columns-homepage_C"><img src="media/img/column_1_C.png" height="62" width="82" alt="01" title="One column" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_2_CR')  ? ' active' : ''; ?> columns_2_CR"  id="view-design-mainlayout-columns-homepage_CR"><img src="media/img/columns_2_CR.png" height="62" width="82" alt="02 C-R" title="Two columns (Center - right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_2_LC')  ? ' active' : ''; ?> columns_2_LC"  id="view-design-mainlayout-columns-homepage_LC"><img src="media/img/columns_2_LC.png" height="62" width="82" alt="02 L-C" title="Two columns (Left - Center)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_3_CLR') ? ' active' : ''; ?> columns_3_CLR" id="view-design-mainlayout-columns-homepage_CLR"><img src="media/img/columns_3_CLR.png" height="62" width="82" alt="03 C-L-R" title="Tree columns (Center - Left - Right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_3_LCR') ? ' active' : ''; ?> columns_3_LCR" id="view-design-mainlayout-columns-homepage_LCR"><img src="media/img/columns_3_LCR.png" height="62" width="82" alt="03" title="Tree columns (Left - Center - Right)" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                        <input type="radio" class="choose_design" name="design-mainlayout-columns-homepage" id="design-mainlayout-columns-homepage_C" value="column_1_C" <?php echo ($app->design->mainlayout->columns->homepage->type == 'column_1_C') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-homepage_C"> 1 column </label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-homepage" id="design-mainlayout-columns-homepage_CR" value="columns_2_CR" <?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_2_CR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-homepage_CR"> 2 columns (Center - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-homepage" id="design-mainlayout-columns-homepage_LC" value="columns_2_LC" <?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_2_LC') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-homepage_LC"> 2 columns (Left - Center)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-homepage" id="design-mainlayout-columns-homepage_CLR" value="columns_3_CLR" <?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_3_CLR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-homepage_CLR"> 3 columns (Center - Left - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-homepage" id="design-mainlayout-columns-homepage_LCR" value="columns_3_LCR" <?php echo ($app->design->mainlayout->columns->homepage->type == 'columns_3_LCR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-homepage_LCR"> 3 columns (Left - Center - Right)</label> <br />
                		<input type="hidden" id="design-mainlayout-columns-homepage"  class="cssselector"  value="body#index #columns" />
                    </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Columns: Category page</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
                    <div class="select-design layout">
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_2_CR')  ? ' active' : ''; ?> columns_2_CR"  id="view-design-mainlayout-columns-categorypage_CR"><img src="media/img/columns_2_CR.png" height="62" width="82" alt="02 C-R" title="Two columns (Center - right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_2_LC')  ? ' active' : ''; ?> columns_2_LC"  id="view-design-mainlayout-columns-categorypage_LC"><img src="media/img/columns_2_LC.png" height="62" width="82" alt="02 L-C" title="Two columns (Left - Center)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_3_CLR') ? ' active' : ''; ?> columns_3_CLR" id="view-design-mainlayout-columns-categorypage_CLR"><img src="media/img/columns_3_CLR.png" height="62" width="82" alt="03 C-L-R" title="Tree columns (Center - Left - Right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_3_LCR') ? ' active' : ''; ?> columns_3_LCR" id="view-design-mainlayout-columns-categorypage_LCR"><img src="media/img/columns_3_LCR.png" height="62" width="82" alt="03" title="Tree columns (Left - Center - Right)" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-categorypage" id="design-mainlayout-columns-categorypage_CR" value="columns_2_CR" <?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_2_CR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-categorypage_CR"> 2 columns (Center - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-categorypage" id="design-mainlayout-columns-categorypage_LC" value="columns_2_LC" <?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_2_LC') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-categorypage_LC"> 2 columns (Left - Center)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-categorypage" id="design-mainlayout-columns-categorypage_CLR" value="columns_3_CLR" <?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_3_CLR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-categorypage_CLR"> 3 columns (Center - Left - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-categorypage" id="design-mainlayout-columns-categorypage_LCR" value="columns_3_LCR" <?php echo ($app->design->mainlayout->columns->categorypage->type == 'columns_3_LCR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-categorypage_LCR"> 3 columns (Left - Center - Right)</label> <br />
                		<input type="hidden" id="design-mainlayout-columns-categorypage"  class="cssselector"  value="body#category #columns" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Columns: Product page</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
                    <div class="select-design layout">
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_2_CR')  ? ' active' : ''; ?> columns_2_CR"  id="view-design-mainlayout-columns-productpage_CR"><img src="media/img/columns_2_CR.png" height="62" width="82" alt="02 C-R" title="Two columns (Center - right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_2_LC')  ? ' active' : ''; ?> columns_2_LC"  id="view-design-mainlayout-columns-productpage_LC"><img src="media/img/columns_2_LC.png" height="62" width="82" alt="02 L-C" title="Two columns (Left - Center)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_3_CLR') ? ' active' : ''; ?> columns_3_CLR" id="view-design-mainlayout-columns-productpage_CLR"><img src="media/img/columns_3_CLR.png" height="62" width="82" alt="03 C-L-R" title="Tree columns (Center - Left - Right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_3_LCR') ? ' active' : ''; ?> columns_3_LCR" id="view-design-mainlayout-columns-productpage_LCR"><img src="media/img/columns_3_LCR.png" height="62" width="82" alt="03" title="Tree columns (Left - Center - Right)" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-productpage" id="design-mainlayout-columns-productpage_CR" value="columns_2_CR"   <?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_2_CR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-productpage_CR"> 2 columns (Center - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-productpage" id="design-mainlayout-columns-productpage_LC" value="columns_2_LC"   <?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_2_LC') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-productpage_LC"> 2 columns (Left - Center)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-productpage" id="design-mainlayout-columns-productpage_CLR" value="columns_3_CLR" <?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_3_CLR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-productpage_CLR"> 3 columns (Center - Left - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-productpage" id="design-mainlayout-columns-productpage_LCR" value="columns_3_LCR" <?php echo ($app->design->mainlayout->columns->productpage->type == 'columns_3_LCR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-productpage_LCR"> 3 columns (Left - Center - Right)</label> <br />
                		<input type="hidden" id="design-mainlayout-columns-productpage"  class="cssselector"  value="body#product #columns" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Columns: Other page</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
                    <div class="select-design layout">
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_2_CR')  ? ' active' : ''; ?> columns_2_CR"  id="view-design-mainlayout-columns-otherpage_CR"><img src="media/img/columns_2_CR.png" height="62" width="82" alt="02 C-R" title="Two columns (Center - right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_2_LC')  ? ' active' : ''; ?> columns_2_LC"  id="view-design-mainlayout-columns-otherpage_LC"><img src="media/img/columns_2_LC.png" height="62" width="82" alt="02 L-C" title="Two columns (Left - Center)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_3_CLR') ? ' active' : ''; ?> columns_3_CLR" id="view-design-mainlayout-columns-otherpage_CLR"><img src="media/img/columns_3_CLR.png" height="62" width="82" alt="03 C-L-R" title="Tree columns (Center - Left - Right)" /></div>
                        <div class="design-option<?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_3_LCR') ? ' active' : ''; ?> columns_3_LCR" id="view-design-mainlayout-columns-otherpage_LCR"><img src="media/img/columns_3_LCR.png" height="62" width="82" alt="03" title="Tree columns (Left - Center - Right)" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-otherpage" id="design-mainlayout-columns-otherpage_CR" value="columns_2_CR" <?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_2_CR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-otherpage_CR"> 2 columns (Center - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-otherpage" id="design-mainlayout-columns-otherpage_LC" value="columns_2_LC" <?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_2_LC') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-otherpage_LC"> 2 columns (Left - Center)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-otherpage" id="design-mainlayout-columns-otherpage_CLR" value="columns_3_CLR" <?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_3_CLR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-otherpage_CLR"> 3 columns (Center - Left - Right)</label> <br />
                		<input type="radio" class="choose_design" name="design-mainlayout-columns-otherpage" id="design-mainlayout-columns-otherpage_LCR" value="columns_3_LCR" <?php echo ($app->design->mainlayout->columns->otherpage->type == 'columns_3_LCR') ? 'checked="checked"' : ''; ?> /> <label for="design-mainlayout-columns-otherpage_LCR"> 3 columns (Left - Center - Right)</label> <br />
                		<input type="hidden" id="design-mainlayout-columns-otherpage"  class="cssselector"  value="html body[id!='index'][id!='category'][id!='product'] #columns" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
</div>
